<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <style>
        p {
            width: 320px;
            /* 可以让文字只显示两行,文字以省略号结尾 */
            display: -webkit-box;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-line-clamp: 2;
        }
    </style>
</head>

<body>
    <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illo error qui natus cum facilis, minima delectus
        laborum quisquam, fuga dignissimos sit dolorem fugit assumenda aut rem porro ipsum corporis quod!</p>
    <span prop="hello">good</span>
    <script>
        var p = $("span[prop='hello']").html();
        console.log(p)
        var todoList = [
            { name: "html", state: false }
        ]
        var arr = [1,2,3];
        var sum = [4,5,6];
        var result = [...arr,...sum];
        console.log(result)
        const pi =3.14;
        /* 常量就是创建之后不能修改的变量 */
        pi = 5;
    </script>
</body>

</html>